﻿<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="Register.aspx.cs" Inherits="OnlineCooperation.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Register</title>

    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />

    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="ico/apple-tsouch-icon-57-precomposed.png" />
    <link rel="shortcut icon" href="ico/favicon.png" />
    <style>
        body {
            padding-top: 0px;
            background: url(img/background.jpg);
        }

        .register-form-signin {
            max-width: 300px;
            padding: 30px 40px 40px;
            margin: 100px auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
        }

            .register-form-signin .form-signin-heading {
                margin-bottom: 10px;
            }

            .register-form-signin .checkbox {
                margin-bottom: 20px;
                padding-left: 60px;
            }

            .register-form-signin input[type="text"],
            .register-form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
    </style>
</head>
<body>
    <form id="FormRegister" runat="server">
        <div class="alert alert-warning">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <h4>提示
            </h4>
            邮件为唯一标识，注册后邮件<strong>不可更改！</strong> （︶︿︶）
        </div>
        <div class="register-form-signin">
            <h2 class="register-form-signin-heading">注册</h2>



            <div class="control-group">

                <div class="controls">
                    <input id="SetUserName"
                        type="text"
                        minlength="1"
                        name="UserName"
                        required="required"
                        placeholder="用户名不可为空，且须唯一"
                        data-validation-minlength-message="用户名不可为空"
                        runat="server" />
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <input id="SetEmail"
                        type="text"
                        runat="server"
                        placeholder="邮箱地址唯一"
                        required="required"
                        data-validation-required-message="无效的邮箱地址" />
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <input
                        id="SetPwd"
                        type="password"
                        placeholder="密码至少6位"
                        runat="server"
                        minlength="6"
                        name="password1"
                        required="required"
                        data-validation-minlength-message="请输入至少6个字符" />
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <input
                        id="ConfirmPwd"
                        name="password2"
                        type="password"
                        placeholder="重复输入密码"
                        runat="server"
                        data-validation-match-match="SetPwd"
                        data-validation-match-message="两次密码不一致" />
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <asp:Button ID="ButtonRegister" runat="server" Text="注册<(￣︶￣)>　" OnClick="ButtonRegisterClick" class="btn btn-primary" type="submit" />
                    <a href="Index.aspx" class="btn btn-warning" >取消(→_→)</a>                
                </div>
            </div>
        </div>
    </form>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/html5shiv.js"></script>
    <script src="js/jqBootstrapValidation.js"></script>
    <script type="text/javascript">
        $(function () {
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        });
        $("#ButtonRegister").jqBootstrapValidation({ preventSubmit: false });
    </script>
    <script type="text/javascript">
        $('.typeahead').typeahead();
    </script>
</body>
</html>
